// 全局tbody
const tbody = document.querySelector("#tbd");
// 发送请求获取所有数据，渲染表格

// Ajax请求在index.html中发的，所以相对路径从首页开始找
// 封装成方法，方便删除数据后调用
// 默认先渲染一次
getData();
function getData(){
	
	utils.fetch('./api/info/select.php').then( (resp) => {
		// const list = resp.body.list;
		// 上式用解构赋值等同于
		const { list } = resp.body;
		
		var html = '';
		
		list.forEach((item,index) => {
			
			html += `
				<tr data-id = ${item.id}>
				  <td>${index+1}</td>
				  <td><span>${item.name}</span><input class = 'inputName' type="text"></td>
				  <td><span>${item.price}</span><input class = 'inputPrice' type="text"></td>
				  <td><span>${item.num}</span><input class = 'inputNum' type="text"></td>
				  <td>
					<button class="btn btn-xs btn-info btn-edit">编辑</button>
					<button class="btn btn-xs btn-danger btn-del">删除</button>
					<button class="btn btn-xs btn-success btn-ok">确定</button>
					<button class="btn btn-xs btn-warning btn-cancel">取消</button>
				  </td>
				</tr>
			`;
		});
		
		tbody.innerHTML = html;
		
		
	})

}